<%--
  Created by IntelliJ IDEA.
  User: 
  Date: 2022/4/5
  Time: 15:51
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui.form小例子</title>
</head>
<!-- 引入 layui.css -->
<link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css"/>
<style>
    select {
        float: right;
    }
</style>
<body>

<div class="yyds">

    <form class="layui-form"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
        <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->

        <table class="layui-table">
            <colgroup>
                <col width="550">
                <col width="400">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>
                    <label class="layui-form-label">请输入</label>
                    <div class="layui-input-block">
                        <input type="text" name="" placeholder="请输入管理员编号或姓名" autocomplete="off" class="layui-input">
                    </div>
                </th>

                <th>
                    <button type="button" class="layui-btn layui-btn-fluid">确认查询</button>
                </th>
                <th>
                    <button type="button" class="layui-btn layui-btn-normal">添加管理员</button>
                </th>
            </tr>
            </thead>
        </table>
    </form>

</div>

<table class="layui-table">
    <colgroup>
        <col width="200">
        <col width="200">
        <col width="200">
        <col width="200">
        <col width="200">
        <col width="200">
        <col width="200">
        <col>
    </colgroup>
    <thead>
    <tr>
        <th>学号</th>
        <th>姓名</th>
        <th>性别</th>
        <th>入住信息</th>
        <th>手机号码</th>
        <th>楼宇信息</th>
        <th>备注</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>贤心</td>
        <td>贤心</td>
        <td>2016-11-29</td>
        <td>人生就像是一场修行</td>
        <td>贤心</td>
        <td>2016-11-29</td>
        <td>人生就像是一场修行</td>

    </tr>
    <tr>
        <td>贤心</td>
        <td>许闲心</td>
        <td>2016-11-28</td>
        <td>于千万人之中遇见你</td>
        <td>许闲心</td>
        <td>2016-11-28</td>
        <td>于千万人之中遇见你</td>
    </tr>
    </tbody>
</table>
<script src="//unpkg.com/layui@2.6.8/dist/layui.js"/>
<script>
    layui.use('form', function () {
        var form = layui.form;
        //各种基于事件的操作，下面会有进一步介绍
    });
</script>
</body>
</html>
